<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../dist/css/index.css">
    <link rel="stylesheet" href="../dist/css/details.css">
    <link rel="shortcut icon" href="https://static.asus.com.cn/static/store/favicon.ico" type="image/x-icon">
    <title>ASUS华硕官网商城</title>
</head>

<body>
    <div class="header">
        <div class="containerWidth">
            <div class="leftbox">
                <a href="./">商城首页</a>
                <span class="inlineBlock line"></span>
                <a href="">以旧换新</a>
                <span class="inlineBlock line"></span>
                <a href="">新机租赁</a>
                <span class="inlineBlock line"></span>
                <a href="">服务与支持</a>
                <span class="inlineBlock line"></span>
                <a href="">驱动下载</a>
                <span class="inlineBlock line"></span>
                <a href="">A码通道</a>
                <!-- <span class="inlineBlock line"></span> -->
            </div>
            <div class="rightbox">
                <span class="right-login1">
                    <a href="./login.html" id="iogin-a">登录</a>
                    <span class="inlineBlock line"></span>
                    <a href="./register.html" id="login-r">注册</a>
                </span>
                <span class="right-login2">
                    <a href="" id="login-n">名字</a>
                    <span class="inlineBlock line"></span>
                    <a href="./login.html" id="login-o">退出</a>
                </span>
                <span class="inlineBlock line"></span>
                <a href="">消息</a>
                <span class="inlineBlock line"></span>
                <a href="">我的订单</a>
                <span class="inlineBlock line"></span>
                <a href="" class="inside">手机版
                    <div class="insideBox">
                        <div class="items">
                            <img src="//static.asus.com.cn/store/20210407/14404710299100.png" class="inlineBlock imgs"
                                alt="FX80" />
                            <div class="inlineBlock rightBox">
                                <p class="">华硕商城APP</p>
                                <p>新人专享礼包</p>
                                <div class="">
                                    <img src="//static.asus.com.cn/store/20210407/14405454569854.png" class=""
                                        alt="FX80" />
                                    <img src="//static.asus.com.cn/store/20210407/14405897101504.png" class=""
                                        alt="FX80" />
                                    <img src="//static.asus.com.cn/store/20210407/14410448504810.png" class=""
                                        alt="FX80" />
                                </div>
                            </div>
                        </div>
                        <div class="items">
                            <img src="//static.asus.com.cn/store/20210407/14425198521005.png" class="inlineBlock imgs"
                                alt="FX80" />
                            <div class="inlineBlock rightBox">
                                <p class="">华硕商城公众号</p>
                                <p>微信扫一扫</p>
                                <div>
                                    <img src="//static.asus.com.cn/store/20210407/14431010199565.png" class=""
                                        alt="FX80" />
                                </div>
                            </div>
                        </div>
                        <div class="items">
                            <img src="//static.asus.com.cn/store/20210416/14075357501015.png" class="inlineBlock imgs"
                                alt="FX80" />
                            <div class="inlineBlock rightBox">
                                <p class="">微信小程序</p>
                                <p>微信扫一扫</p>
                                <div>
                                    <img src="//static.asus.com.cn/store/20210416/14080048561001.png" class=""
                                        alt="FX80" />
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
                <span class="inlineBlock line"></span>
                <a href="./shopCar.html" class="cart">
                    <span>购物车</span>
                </a>
            </div>
        </div>

    </div>


    <!-- 头部导航栏+搜索栏 -->
    <div class="topModule">
        <div class="containerWidth">
            <div class="logobox">
                <a href="#" class="inlineBlock">
                    <img src="//static.asus.com.cn/store/20210408/14104351515697.png" class="logo" alt="FX80" />
                </a>
            </div>
            <div class="menu">
                <a class="" href="https://w3.asus.com.cn" target="_blank">
                    <img src="//static.asus.com.cn/store/20210408/13493410198979.png" class="inlineBlock icons"
                        alt="FX80" />
                    <span class="">华硕官网</span>
                </a>
                <a class="" data-index=1 href="https://www.asus.com.cn/store/branch/index.html?id=2&afrom=home_topbar"
                    target="_blank">
                    <img src="//static.asus.com.cn/store/20210521/14260499101565.png" class="inlineBlock icons"
                        alt="FX80" />
                    <span class="">ROG专区</span>
                </a>
                <a class="" data-index=2 href="https://www.asus.com.cn/store/branch/index.html?id=9&afrom=home_topbar"
                    target="_blank">
                    <img src="//static.asus.com.cn/store/20210521/14261252535149.png" class="inlineBlock icons"
                        alt="FX80" />
                    <span class="">a豆专区</span>
                </a>
                <a class="" data-index=3 href="https://adol.asus.com.cn/adol/web/pc/dist/index.html" target="_blank"
                    rel="nofollow">
                    <img src="//static.asus.com.cn/store/20210408/13501252505256.png" class="inlineBlock icons"
                        alt="FX80" />
                    <span class="">装机必备</span>
                </a>
                <a class="" href="./activity.html">
                    <span class="">热门活动</span>
                </a>
            </div>
        </div>
    </div>


    <div class="center">
        <div class="page">
            <div class="bread-crumbs">
                <span><a href="./" alt="" title="">首页</a></span>
                <span> &gt; </span>
                <span><a href="" alt="" title="">笔记本电脑 </a></span>
                <span> &gt; </span>
                <span><a href="" alt="" title="">游戏笔记本</a></span>
                <span> &gt; </span>
                <span class="now">天选系列</span>
            </div>
        </div>
        <div class="section">
            <div class="page">
                <div class="product-container">
                    <form action="#" method="post" target="_dialog_minicart">
                        <div class="product-side">
                            <div class="product-album">
                                <div class="goods-detail">
                                    <div class="img-box">
                                        <img src="" alt="">
                                        <div class="focus"></div>
                                    </div>
                                    <div class="big-img">
                                        <img src="" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="share-recommend">
                                <a href="">
                                    <span><i class="icon_pic"></i>收藏商品(949人气)</span>
                                </a>

                                <span>
                                    <button type="button">手机购买</button>
                                    <div class="pop-body"></div>
                                </span>
                            </div>
                        </div>
                        <div class="product-main">
                            <!-- 标题简介 -->
                            <div class="product-titles" id="product-titles">
                            </div>
                            <!-- 商品基本信息 -->
                            <div class="product-information">
                                <div class="promotion_head">
                                    <div class="fl"><i class="time_bg"></i>限时抢购</div>
                                    <div class="fr">
                                        倒计时: <span>0天0小时0分0秒</span>
                                    </div>
                                </div>
                                <div class="price_promotion_wrap">
                                    <div class="product-concerns" id="product-concerns">


                                        <div class="activity-tips">
                                            <i class="tri"></i>
                                            每个id限购一台，订单十五分钟内未支付将会被关闭。
                                        </div>
                                    </div>
                                    <div class="promotion_wrap">
                                        <div class="label">优惠信息</div>
                                        <ul class="detail">
                                            <li class="clearfix">
                                                <div class="promotion-tag">赠品</div>
                                                <div class="promotion-info">
                                                    <div class="new_gift_item">
                                                        <div class="checkbox_box">
                                                            <i class="iconfont icon-duihao "></i>
                                                            <input type="radio" value="138" checked=checked />
                                                        </div>
                                                        <a href="" target="_blank">
                                                            <label title="TUF飞行堡垒原装正品双肩包">
                                                                <img src="//static.asus.com.cn/store/album/images/CIN9Z14Z7HR8QX/16185749559897.jpg"
                                                                    width="24" height="24">
                                                                <span>x1</span>
                                                                <p>TUF飞行堡垒原装正品双肩包</p>
                                                            </label>
                                                        </a>
                                                        <a href="" target="_blank">
                                                            <label title="晒单咨询客服有惊喜！【单拍不发货】">
                                                                <img src="//static.asus.com.cn/store/album/images/N9O9CIYDEB4XUS/17053410199485.jpg"
                                                                    width="24" height="24">
                                                                <span>x1</span>
                                                                <p>晒单咨询客服有惊喜！【单拍不发货】</p>
                                                            </label>
                                                        </a>
                                                        <a href="" target="_blank">
                                                            <label title="【意外保】第一年不限次(赠送专用，不单独出售)">
                                                                <img src="//static.asus.com.cn/store/album/images/KS44HDLU7YARX7/11543598565355.png"
                                                                    width="24" height="24">
                                                                <span>x1</span>
                                                                <p>【意外保】第一年不限次(赠送专用，不单独出售)</p>
                                                            </label>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="js-promotion-show">
                                                    共有<span>3</span>项优惠<i></i>
                                                </div>
                                            </li>
                                            <li class="promotion-list">
                                                <em class="label-alert">包邮</em>
                                                <span>订单总金额满69元包邮</span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-buy">
                                    <div class="product-spec">
                                        <ul class="spec-area">
                                            <li class="spec-item">
                                                <span class="item-label">选择配置：</span>
                                                <span class="item-content">
                                                    <ul class="clearfix">
                                                        <li data="2784">
                                                            <a href="">
                                                                <span onclick="link_href(this)" data="1"
                                                                    val="2784">【新品抢购】锐龙R9/RTX 3060/2.5K
                                                                    165Hz/魔幻青</span>
                                                            </a>
                                                        </li>
                                                        <li data="2785">
                                                            <a href="javascript:void(0);">
                                                                <span data="1" val="2785">【配置1】锐龙R7/RTX
                                                                    3060/240Hz/魔幻青</span>
                                                            </a>
                                                        </li>
                                                        <li data="2786">
                                                            <a href="">
                                                                <span onclick="link_href(this)" data="1"
                                                                    val="2786">【配置2】锐龙R7/RTX
                                                                    3060/144Hz/日蚀灰</span>
                                                            </a>
                                                        </li>
                                                        <li data="2787">
                                                            <a href="">
                                                                <span data="1" val="2787">【配置3】锐龙R7/RTX
                                                                    3060/144Hz/日蚀灰Plus</span>
                                                            </a>
                                                        </li>
                                                        <li data="2788">
                                                            <a href="">
                                                                <span data="1" val="2788">【配置4】锐龙R7/RTX
                                                                    3050Ti/144Hz/日蚀灰</span>
                                                            </a>
                                                        </li>
                                                        <li data="2789">
                                                            <a href="">
                                                                <span data="1" val="2789">【配置4】锐龙R7/RTX
                                                                    3050Ti/144Hz/魔幻青</span>
                                                            </a>
                                                        </li>
                                                        <li data="2790">
                                                            <a href="">
                                                                <span data="1" val="2790">【配置5】锐龙R7/RTX
                                                                    3070/240Hz/日蚀灰</span>
                                                            </a>
                                                        </li>
                                                        <li data="2791">
                                                            <a href="">
                                                                <span data="1" val="2791">【配置5】锐龙R7/RTX
                                                                    3070/240Hz/魔幻青</span>
                                                            </a>
                                                        </li>
                                                        <li data="2792">
                                                            <a href="">
                                                                <span data="1" val="2792">【新品抢购】锐龙R9/RTX 3070/2.5K
                                                                    165Hz/魔幻青</span>
                                                            </a>
                                                        </li>
                                                        <li data="2793">
                                                            <a href="">
                                                                <span data="1" val="2793">【新品抢购】锐龙R9/RTX 3070/2.5K
                                                                    165Hz/日蚀灰</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </span>
                                            </li>
                                            <!-- 商品关联END -->
                                        </ul>
                                    </div>

                                    <div class="product-action" id="productactions">
                                        <ul>
                                            <li class="product-buy-quantity" id="quantity2">
                                            </li>
                                            <li class="service-support">
                                                <ul>
                                                    <li class="clearfix">
                                                        <div class="label">服　　务：</div>
                                                        <div class="detail">
                                                            <span><i class="iconfont icon-zhifubao"></i>支付宝</span>
                                                            <span><i class="iconfont icon-huabei"></i>花呗分期</span>
                                                            <span><i class="iconfont icon-weixin"></i>微信支付</span>
                                                            <span><i class="iconfont icon-credit"></i>银联支付</span>
                                                        </div>
                                                    </li>
                                                    <li class="clearfix">
                                                        <div class="label">配送及发票：</div>
                                                        <div class="detail">
                                                            部分商品将由华硕授权店为消费者提供商品，且提供就近配送服务并开具发票</div>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="product-buy-action" id="productaction">

                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="shopcaert" id="shopcart">
        <img src="../static/img/event-error.svg" alt="" class="sucimg1">
        <span><img src="../static/img/success.svg" alt="" class="sucimg">加入购物车成功</span>
        <button class="gobuyshop">继续购物</button>
        <button class="goshopcart">进入购物车</button>
    </div>
    <div class="shopcaerterr" id="shopcarterr">
        <img src="../static/img/cuowu_6FA7F9.svg" alt="" class="errimg1">
        <span><img src="../static/img/cuowu.svg" alt="" class="errimg">加入购物车失败</span>
        <button class="errbtn">确定</button>
    </div>

    <div class="buyShop" id="buyShop">
        <img src="../static/img/event-error.svg" alt="" class="buyimg1">
        <span class="spantop"><img src="../static/img/success.svg" alt="" class="buyimg">选取商品成功</span>
        <p id="buygop"></p>
        <button class="buyshoperr">否</button>
        <button class="buysuc">是</button>
    </div>


    <div class="detimg">
        <img src="https://static.asus.com.cn/store/20210413/16484949575349.jpg" alt="">
        <img src="https://static.asus.com.cn/store/20210413/16484848521025.jpg" alt="">
        <img src="https://static.asus.com.cn/store/20210413/16484848541001.jpg" alt="">
        <img src="https://static.asus.com.cn/store/20210413/16484848561014.jpg" alt="">
        <img src="https://static.asus.com.cn/store/20210413/16484848979710.jpg" alt="">
        <img src="https://static.asus.com.cn/store/20210413/16484848999752.jpg" alt="">
        <img src="https://static.asus.com.cn/store/20210413/16484848101575.jpg" alt="">
        <img src="https://static.asus.com.cn/store/20210413/16484949495649.jpg" alt="">
        <img src="https://static.asus.com.cn/store/20210413/16484949534852.jpg" alt="">
        <img src="https://static.asus.com.cn/store/20210413/16484949985253.jpg" alt="">
        <img src="https://static.asus.com.cn/store/20210419/11203010149511.jpg" alt="">
        <img src="https://static.asus.com.cn/store/20210413/16490751101545.jpg" alt="">
        <img src="https://static.asus.com.cn/store/20210413/16490852481015.jpg" alt="">
        <img src="https://static.asus.com.cn/store/20210413/16490852525199.jpg" alt="">
        <img src="https://static.asus.com.cn/store/20210413/16490953485210.jpg" alt="">
    </div>

    <!--修改右侧固定栏   开始-->
    <div id="fixedfield" class="fixed-field">
        <div class="group">
            <dl class="group_1">
                <dt></dt>
                <dd>个人中心</dd>
            </dl>
        </div>
        <div class="group">
            <dl class="group_2">
                <dt></dt>
                <dd>热线</dd>
            </dl>
        </div>
        <div class="group">
            <dl class="group_3">
                <dt></dt>
                <dd>优惠券</dd>
            </dl>
        </div>
        <div class="group">
            <dl class="group_4">
                <dt></dt>
                <dd>客服</dd>
            </dl>
        </div>
        <div class="group">
            <dl class="group_5">
                <dt></dt>
                <dd>APP</dd>
            </dl>
        </div>
        <div class="group">
            <dl class="group_6">
                <dt></dt>
                <dd>注册好礼</dd>
            </dl>
        </div>
        <div class="group" id="to_scroll_top">
            <dl class="group_7 grouptop">
                <dt></dt>
                <dd>返回顶部</dd>
            </dl>
        </div>
    </div>
    <!--修改右侧固定栏   结束-->


    <!-- 底部 -->
    <div class="footer">
        <div class="service">
            <div class="page">
                <ul class="clearfix">
                    <li class="qi">
                        <!--                        <i class="icon"></i>-->
                        <img src="//static.asus.com.cn/static/store/images/service_icon1.png" alt="" />
                        官方直营
                    </li>
                    <li class="shiwu">
                        <!--                            <i class="icon"></i>-->
                        <img src="//static.asus.com.cn/static/store/images/service_icon2.png" alt="">
                        笔记本意外险
                    </li>
                    <li class="man">
                        <!--                        <i class="icon"></i>-->
                        <img src="//static.asus.com.cn/static/store/images/service_icon3.png" alt="" />
                        满69包邮
                    </li>
                    <li class="yuyue">
                        <!--                        <i class="icon"></i>-->
                        <img src="//static.asus.com.cn/static/store/images/service_icon4.png" alt="" />
                        15天无忧退
                    </li>
                    <li class="last">
                        <!--                        <i class="icon"></i>-->
                        <img src="//static.asus.com.cn/static/store/images/service_icon5.png" alt="" />
                        支付宝花呗分期
                    </li>
                </ul>
            </div>
        </div>
        <div class="helper">
            <div class="page ">
                <div class="item">
                    <dl>
                        <dt>
                            <a href="#">公司介绍</a>
                        </dt>
                        <dd>
                            <a href="#" title="关于华硕">关于华硕</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">华硕承诺</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">交易条款</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">特别提醒</a>
                        </dd>
                    </dl>
                </div>
                <div class="item">
                    <dl>
                        <dt>
                            <a href="#">购物指南</a>
                        </dt>
                        <dd>
                            <a href="#" title="关于华硕">订单说明</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">会员注册</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">会员账户安全与信息 </a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">购物流程</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">积分使用说明</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">优惠券使用说明</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">常见问题</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">华硕商城服务协议说明 </a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">授权服务店服务说明</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">以旧换新</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">预约规则</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">预售规则</a>
                        </dd>
                    </dl>
                </div>
                <div class="item">
                    <dl>
                        <dt>
                            <a href="#">配送与付款</a>
                        </dt>
                        <dd>
                            <a href="#" title="关于华硕">发货与签收规范</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">配送运费说明</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">配送常见问题</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">配送异常</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">付款咨询</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">发票说明</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">发票常见问题</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">蚂蚁花呗常见问题</a>
                        </dd>
                    </dl>
                </div>
                <div class="item">
                    <dl>
                        <dt>
                            <a href="#">服务与支持</a>
                        </dt>
                        <dd>
                            <a href="#" title="关于华硕">华硕服务中心查询</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">华硕授权实体门店查询</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">华硕智汇家</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">中国RoHS合格评定标识</a>
                        </dd>
                    </dl>
                </div>
                <div class="item ewm">
                    <p class="ewm-title">400-091-9520</p>
                    <p class="ewm-subtitle">专属服务热线</p>
                    <img class="ewm-img" src="//static.asus.com.cn/static/store/css/images/footer-erweima.png"
                        alt="FX80" />
                    <p class="ewm-but">扫码下载</p>
                </div>
            </div>
        </div>
        <div class="friend-link">
            <div class="friend-word">
                <p class="show-link">友情链接</p>
                <div class="friend-link-box">
                    <a href="#" target="_blank">a豆</a>
                    <a href="#" target="_blank">rog</a>
                    <a href="#" target="_blank">adol</a>
                    <a href="#" target="_blank">魔霸</a>
                    <a href="#" target="_blank">主板</a>
                    <a href="#" target="_blank">冰刃</a>
                    <a href="#" target="_blank">显示器</a>
                    <a href="#" target="_blank">游戏本</a>
                    <a href="#" target="_blank">adolbook</a>
                    <a href="#" target="_blank">魔霸电脑</a>
                    <a href="#" target="_blank">玩家国度</a>
                    <a href="#" target="_blank">飞行堡垒</a>
                    <a href="#" target="_blank">华硕天选</a>
                    <a href="#" target="_blank">天选笔记本</a>
                    <a href="#" target="_blank">魔霸笔记本</a>
                    <a href="#" target="_blank">枪神笔记本</a>
                    <a href="#" target="_blank">a豆笔记本</a>
                    <a href="#" target="_blank">笔记本电脑</a>
                    <a href="#" target="_blank">电脑笔记本</a>
                    <a href="#" target="_blank">ROG游戏手机</a>
                    <a href="#" target="_blank">飞行堡垒华硕</a>
                    <a href="#" target="_blank">华硕VivoBook</a>
                    <a href="#" target="_blank">华硕天选电脑</a>
                    <a href="#" target="_blank">华硕电脑天选</a>
                    <a href="#" target="_blank">华硕天选笔记本</a>
                </div>
            </div>
        </div>
        <div class="footer-info">
            <div class="mask"></div>
            <div class="theme">
                <p>&nbsp;</p>
                <p>有任何购物问题请联系商城客服 | 电话：400-091-9520</p>
                <p><a target="_blank" href="#">营业执照：12000002201803260012</a>&nbsp;│<a href="#"
                        target="_blank">沪ICP备11025349号-3</a>&nbsp;│ ASUSTeK Computer
                    Inc. All Rights Reserved.</p>
                <div class="privacy"><a target="_blank" href="#">
                        <p>
                            <a href="#">ASUS使用条款</a>
                            <a href="#">隐私政策</a>
                            <img
                                src="//static.asus.com.cn/static/store/images/735f16509d9a54d5ddade073f133e7dcf2c0a486.png?1499224546#h"><a
                                target="_blank" href="#" rel="nofollow">沪公网安备
                                31011202002313号</a>
                        </p>
                </div>
            </div>
        </div>
    </div>

    <script src="../static/javascripts/jQuery.js"></script>
    <script src="../static/javascripts/axios.js"></script>


    <script src="./javascripts/details.js"></script>
    <script src="./javascripts/detailglass.js"></script>
    <script src="../static/javascripts/magnifier.js"></script>
    <script src="../static/javascripts/lazyLoad.js"></script>
</body>

</html>